//固定栏效果
var rights=document.querySelector('.fixed').children;
var fixop=rights[0];
var poption=rights[1];
var fixlis=fixop.children[0].children;
var poptionlis=poption.children;
for(let i=0;i<fixlis.length-1;i++){
   fixlis[i].index=i;
   fixlis[i].addEventListener('mouseover',function(){
      poption.className="poption";
      for(let j=0;j<poptionlis.length;j++){
         fixlis[j].className="";
         poptionlis[j].style.display="none";
      }
      poptionlis[this.index].style.top+=60*i+'px';
      poptionlis[this.index].style.display='block';
   })
}
fixop.addEventListener('mouseout',function(){
   poption.className='poption hide'
})
poption.addEventListener('mouseout',function(){
   poption.className='poption hide'
})
//回到顶部效果
$(fixlis[4]).on('click',function(){
$('body,html').animate({
   scrollTop:0,
},300)
});
/******************商品效果图***************************/
let index = 0;//保存当前显示图片的序号
   let timer;//保存定时器标识
   const imgs = document.querySelectorAll('.right-img img');
   timer = setInterval(autoPlay, 1800);
   function autoPlay() {
      // 找到当前要来显示的图片地址
      index++;
      // 如果加到4表示已经显示到了最后一张图片，需要重置到第一张图片
      if (index == imgs.length) {
         index = 0;
      }
      changeImg();
   }
   function changeImg() {
      document.querySelector('.left-img img').src = imgs[index].src;
      // 处理小图的透明度
      for (let i = 0; i < imgs.length; i++) {
         let op = (i == index) ? 1 : 0.5
         imgs[i].style.opacity = op;
      }
   }
   for (let i = 0; i < imgs.length; i++) {
      imgs[i].onmouseenter = function () {
         clearInterval(timer);
         // 设置当前的图片显示  i代表当前划入的图片的序号
         // 当划入到当前图片 设置index变量保存当前的图片序号
         index = i;
         changeImg();
      }
      imgs[i].onmouseleave = function () {
         timer = setInterval(autoPlay, 1800);
      }
   }
/*******************购物车跳转*************************/ 
$('.details-shop .details-cont #cart>button:nth-child(1)').on('click',function(){
      location.assign('cart.html'); 
})
$('.details-shop .details-cont #cart>button:nth-child(2)').on('click',function(){
   location.assign('buying.html');
})
/**********************tab栏切换******************************/ 
$('.introduce .tab>li').on('click',function(){
   $(this).addClass('active').siblings().removeClass('active');
   var index = $(this).index();
   $('.products .main').eq(index).addClass('selected').siblings().removeClass('selected');
})
/************************购物数量加减******************************/
$('#number button').eq(0).click(function(){
   if($('#number button').eq(0).next().html()>1){
      $('#number button').eq(0).next().html($('#number button').eq(0).next().html()-1);
   }
})
$('#number button').eq(1).click(function(){
   if($('#number button').eq(1).prev().html()<99){
      $('#number button').eq(1).prev().html($('#number button').eq(1).prev().html()-0+1);
   }
})
/***************************商品详情信息**********************************/
$(function(){
   let goodsId = getParam('goodsId');
   if(!goodsId){
       location.href='index.html';
   }
   // 获取商品详情
   $.get(baseUrl+'/goods/detail',{goodsId},(res)=>{
      console.log(res);
       let goods = res.data;
      //  // 替换标题
      //  $('.summary>h3>strong').html(goods.goodsName);
      //  // 替换编号
      //  $('.goodsinfo>ul>li').eq(0).html('<span>商品编号： </span>'+goods.goodsSn);
      //  // 替换价格
      //  $('.market_price>em').html(goods.marketPrice);
      //  $('.shop_price>strong').html('￥'+goods.shopPrice);
      //  // 处理放大镜特效
      //  $('.midpic>a').prop('href',goods.goodsImg[0].goodsImg);
      //  $('.midpic img').prop('src',goods.goodsImg[0].goodsThumb);
      //  // 根据相册图片的数量生成小图
      //  let html = '';
      //  goods.goodsImg.forEach((item,index)=>{
      //      html += `<li ${index==0?'class="cur"':''}>
      //          <a ${index==0?'class="zoomThumbActive"':''} href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: '${item.goodsThumb}',largeimage: '${item.goodsImg}'}"><img src="${item.goodsThumb}"></a>
      //      </li>`;
      //  });
      //  $('.smallpic_wrap>ul').html(html);
      //  $('.jqzoom').jqzoom({
      //      zoomType: 'standard',
      //      lens:true,
      //      preloadImages: false,
      //      alwaysOn:false,
      //      title:false,
      //      zoomWidth:400,
      //      zoomHeight:400
      //  });
   },'json');
})

